//加载图标样式
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: #e4e7ea url("images/loader.gif") no-repeat center center;
}

//背景图片
  body {
	background: url("images/mpe-login.png") top center !important;
}


//登陆表单
.container{
	margin-top: 195px;
	h2{
		margin-top: 0px;
		font-weight: bold;
		color: #fff;
		height: 80px;
		line-height: 80px;
		background-color: #155e81;
		border-radius: 15px 15px 0 0;
		margin-bottom: 0px;
		font-size: 36px;
		margin-top: 10%;
	}
}
.login-box {
	margin: auto;
	max-width: 482px;
	width: 482px;
	border-radius: 15px;
	margin: 20px auto;
	//padding-top: 20px;
	color: #000000;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 31px rgba(136, 136, 136, 0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 31px rgba(136, 136, 136, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 31px rgba(136, 136, 136, 0.6);
	background-size: 363px 336px !important;
	.login-form {
		padding: 45px 52px 50px 52px;
		background-color: #fff;
		border-radius:0 0 15px 15px;
		.form-group {
			margin-bottom: 27px;
			.group-row{
				padding: 0px 12px 7px 12px;
				border-bottom: 1px solid #e5e5e5;
				height: 35px;
				i{
					vertical-align: middle;
					display: inline-block;
				}
				i.icon{
					background: url("images/login-icon.png") no-repeat;
					height: 24px;
					width: 24px;
				}
				i.user{
					background-position: 0 -24px;
				}
				i.pwd{
					background-position: 2px 0;
				}
				i.vc{
					height: 20px;
					background-position: 2px -48px;
				}
				.control {
					border: none;
					width: 80%;
					height: 22px;
					line-height: 22px;
					background-color: rgba(0,0,0,0);
				}
				input{
					margin-left: 12px;
					color: #ccc;
					white-space: nowrap;
				}
			}
			.verify{
				padding-right: 0px;
				padding-bottom: 0px;
				position: relative;
				.vc{
					float: left;
					margin-top: 11px;
				}
				.control{
					float: left;
					width: 54%;
					margin-top: 7px;
					
				}
				i.caps{
						
						width: 40px;
						border-bottom: 1px solid #fff;
						margin-bottom: -18px;
						background-color: #fff;
						height:41px;
						position: absolute;
						top: 0px;
						bottom: 0px;
						float: left;
					}
				.code{
					float: right;
					border: 1px solid #e5e5e5;
					margin-bottom: -1px;
					img{
						height: 34px;
						width: 90px;
					}
				}
			}
			.primary{
				background-color: #40cb7e;
				color: #fff;
				height: 60px;
			}
		}
		.form-btn{
			margin-bottom: 0px;
		}
		.checkbox-wrap{
			margin-top: 39px;
			margin-bottom: 8px;

			input[type="checkbox"]{
				filter: alpha(Opacity=0);
				opacity: 0;
				position: absolute;
				left: -9999px;
			}
			.check_box{
				font-weight: normal;
				color: #888;
				&:before{
					width: 14px;
					height: 14px;
					border-radius: 3px;
					border: 1px solid #ccc;
					margin-right: 17px;
					vertical-align: middle;
					display: inline-block;
					content: "";
				}
				&:hover{
					background: url("images/check_hover.png") 1px 7px no-repeat;
					background-size: 11px 10px;
				}
			}
			input[type="checkbox"]:checked + label{
				&:before{
					background: url("images/checked.png") center no-repeat #338bf1;
					background-size: 11px 10px;
					text-align: center;
					border: 1px solid #338bf1;
				}
			}
		}
	}
}

